axios.defaults.baseURL = 'http://localhost:3000/';

var obj = {
    fnChooser:function(name){
        return document.querySelector(name);
    },
    getData:function(){
        // axios({
        //     method:'get',
        //     url:'http://localhost:3000/get_list',
        //     params:{
        //         id:999
        //     }
        // }).then(function(res){
        //     console.log(res);
        // })
        axios.get('get_list').then(function(res){
            var result = res.data.result;
            var str = "";
            for(var i = 0; i < result.length; i++){
                str += `<tr>
                    <td>${i+1}</td>
                    <td>${result[i].title}</td>
                    <td>${result[i].user}</td>
                    <td>${result[i].date}</td>
                    <td>
                        <button class="delete" data_id="${result[i].id}">删除</button>
                        <button class="edit">编辑</button>
                    </td>
                </tr>`
            };
            obj.fnChooser('.tableData').innerHTML = str;
        })
    },
    postData:function(data){
        var that = this;
        axios.post('data/add',data)
            .then(function(res){
                if(res.data.code == '200'){
                    that.getData();
                }
            })
    },
    putData:function(){

    },
    delData:function(id){
        var that = this;
        axios.delete('data/del',{data:{id}})
            .then(function(res){
                if(res.data.code == '200'){
                    that.getData();
                }
            })
    },
    all:function(){
        //获取数据，发送二个请求，第一个请求拿到id，第二个请求通过第一个请求的id来发送
        // axios.get('get1')
        //     .then(function(res){
        //         console.log(res);
        //         var id = res.data.id;
        //         return axios.get('get2',{params:{id}})
        //     })
        //     .then(function(res){
        //         console.log(res);
        //     })
        axios.all([axios.get('get1'),axios.get('get2')]).then(function(res){
            console.log(res);
        })
    }
}
window.onload = function(){
    //数据查询
    obj.getData();

    //数据添加
    obj.fnChooser(".addData").onclick = function(){
        //数据获取
        var title = obj.fnChooser('.title').value,
            user = obj.fnChooser('.user').value,
            date = obj.fnChooser('.date').value;
        if(!title || !user || !date){
            alert('请输入信息')
        }
        else{
            obj.postData({title,user,date});
        }
    }

    //数据编辑

    //数据删除  未来元素
    obj.fnChooser('.tableData').onclick = function(e){
        if(e.target.className == 'delete'){
            var id = e.target.getAttribute('data_id');
            obj.delData(id);
        }
    }

    //多个请求
    obj.fnChooser('.all').onclick = function(){
        obj.all();
    }
}

